<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title></title>
		<script src="js/angular.js"></script>
	</head>

	<body>
		<!--
		ng-app 指令定义一个 AngularJS 应用程序。
		ng-model 指令把元素值（比如输入域的值）绑定到应用程序。
		ng-bind 指令把应用程序数据绑定到 HTML 视图。-->

		<!--<div ng-app="">
			<p>名字 : <input type="text" ng-model="name"></p>
			<h1>Hello {{name}}</h1>
		</div>-->

		<!--
		AngularJS 模块（Module） 定义了 AngularJS 应用。
		AngularJS 控制器（Controller） 用于控制 AngularJS 应用。
		ng-app指令指明了应用, ng-controller 指明了控制器。-->
		<div ng-app="myApp" ng-controller="myCtrl">
			名: <input type="text" ng-model="firstName"><br>
			姓: <input type="text" ng-model="lastName"><br>
			<br>
			姓名: {{firstName + " " + lastName}}
		</div>

	</body>
	
	<script>
		var app = angular.module('myApp', []);
		app.controller('myCtrl', function($scope) {
			$scope.firstName = "John";
			$scope.lastName = "Doe";
		});
	</script>

</html>